<template lang="html">
    <div >
       <div class="content tl">
          <div class="mt-10 bg-fff">
            <div class="pdlr-15 my-line">
              <p class="login-p">
                <label for="username">收货人</label>
                <input type="text" placeholder="姓名" id="username">
              </p>
              <p class="login-p">
                <label for="phone">手机号码</label>
                <input type="text" placeholder="手机号码" id="phone">
              </p>
              <p class="login-p">
                <label for="area">选择地区</label>
                <input type="text" placeholder="点击这里获取您的位置" id="area">
              </p>
              <p class="login-p">
                <label for="detailAddr">详细住址</label>
                <input type="text" placeholder="请填写您的详细地址" id="detailAddr">
              </p>
              <div class="mt-10 bg-fff">
            <div class="pdb-15">
              <label for="">设置为默认地址</label>
              <div class="fr" @click="setCheck">
                <img src="./images/Oval2.svg" v-show="!check" class="icon-check">
                <img src="./images/icon-radio-selected.svg" v-show="check" class="icon-check">
              </div>
            </div>
           </div>
            </div>
          </div>
          <div class="mt-25 text-center" >
            <button class="login-btn login-backcolor">删除地址</button>
            <button class="login-btn">保存修改</button>
          </div>
       </div>
    </div>
</template>

<script>
export default {

    data(){
      return{
        check:0==1?true:false,
      };
    },
     methods: {
       setCheck(){
         if (this.check) {
            this.check = false;
            this.default = 0;
         }else {
           this.check = true;
           this.default = 1;
         }
       },
       sure(){
         this.show = false;
       }
     },
}

</script>

<style scoped>
  .pdb-15{
    padding-bottom: .75rem;
  }
  .pdlr-15{
    padding: 0 .75rem;
  }
      .tl {
        text-align: left;
      }
      .content label {
        color: #555555;
        font-size: .7rem;
      }
      p input {
        color: #999;
        font-size: .7rem;
      }
      .login-btn {
        width: 40%;
        margin: 1.5rem 0 0 1rem;
        font-size: .75rem;
      }

      .login-backcolor {
        background-color: #ffffff;
        color: #777777;
        border: #dedede 1px solid;
      }
.icon-check{ width:1rem;}
</style>
